﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
    <title>网站标题</title>
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/account.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div class="top">
 <div class="r"><a href="#">帮助</a></div>
 <a href="javascript:void(showlogin())">登录</a><a href="javascript:void(showreg())"">注册</a><a href="#" class="user">用户中心</a><a href="#">我的兑换车(<span>2</span>)</a></div>
 <div class="inner">
   <h1 id="logo"><a href="#">这儿放标题</a></h1>
   <div id="search">
     <div class="tabs">
      <ul>
        <li tabindex="1" class="current">微商家</li>
        <li tabindex="2">微美食</li>
        <li tabindex="3">微商城</li>
      </ul>
     </div>
     <div class="bodycontent bodycontent1"><input type="text" value="请输入微商家名称" onfocus="if(this.value == '请输入微商家名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商家名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent2 none"><input type="text" value="请输入微美食名称" onfocus="if(this.value == '请输入微美食名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微美食名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent3 none"><input type="text" value="请输入微商城名称" onfocus="if(this.value == '请输入微商城名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商城名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
   </div>
 </div>
 <div id="nav">
   <ul>
     <li><a href="#" class="current">首&nbsp;页</a></li><li class="split"></li>
     <li><a href="#">微商家</a></li><li class="split"></li>
     <li><a href="#">微商城</a></li><li class="split"></li>
     <li><a href="#">帮&nbsp;助</a></li>
   </ul>
 </div>
</div>
<div id="maincontent">  
  <div id="site"><a href="#">首页</a><span>&gt;</span>用户中心</div>
  <div id="leftcontent">
   <dl>
     <dt>个人信息</dt>
     <dd>
      <ul>
        <li><a href="#">基本信息</a></li>
        <li><a href="#">消息中心</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>消费记录</dt>
     <dd>
      <ul>
        <li><a href="#">微商家消费记录</a></li>
        <li><a href="#">我的消费评论</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>兑换记录</dt>
     <dd>
      <ul>
        <li><a href="#">微商家商品兑换记录</a></li>
        <li><a href="#">微商城礼品兑换记录</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>我的收藏</dt>
     <dd>
      <ul>
        <li><a href="#">微商家店铺收藏</a></li>
        <li><a href="#">微商城礼品收藏</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>兑换车</dt>
     <dd>
      <ul>
        <li><a href="#">微商城兑换车</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>微积分明细</dt>
     <dd>
      <ul>
        <li><a href="#">微分明细</a></li>
        <li><a href="#">积分明细</a></li>
      </ul>
     </dd>
   </dl>
   <dl>
     <dt>推广中心</dt>
     <dd>
      <ul>
        <li><a href="#">我的推广记录</a></li>
      </ul>
     </dd>
   </dl>
  </div>
  <div id="rightcontent">
   <div class="content">
     <div class="title"><strong>微商家商品兑换记录</strong></div>
     <ul class="lists productexchangelist">
      <li class="li"><span class="s1">礼品名称</span><span class="s2">积分</span><span class="s3">数量</span><span class="s4">小计</span><span class="s7">合计</span><span class="s5">有效期</span><span class="s6">状态</span></li>
      <!--每个星占16px 总共80px-->
      <li class="double">
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label> 
       <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span> 
       </label> 
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
       <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>     
       </span>
       <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      <div class="clear"></div>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
      <li>
      <div class="lit"><a href="javascript:void(null)" onclick="confirm('确认取消?')" class="cancel">取消</a><strong>兑换编号：125093055739650</strong><strong>兑换时间：2012-08-25 14:42:36</strong></div>
      <span class="s1">
       <label class="product">
       <a href="#"><img src="image/img12.jpg" alt="" title="" class="img imgborder" /></a>
       <a class="name" href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a>
       <label class="code">兑换码:345345345345</label>  
      <span class="s2">100分</span>
      <span class="s3">2</span>
      <span class="s4">200分</span>
       </label>  
       </span>
      <span class="s7">200分</span>
      <span class="s5">2012-09-09</span>
      <span class="s6">末兑换</span>
      </li>
     </ul>
     <div class="page">
     共1页&nbsp;<a href="#">上一页</a><a href="#" class="hover">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a>....<a href="#">下一页</a> 到第<input type="text" class="text" />页<input type="button" class="btn" value="确认" />
     </div>
   </div>
  </div>
  <div class="clear"></div>
</div>
<div id="footer">
 <div class="menu"><a href="#">关于微积分</a><span>|</span><a href="#">服务条款</a><span>|</span><a href="#">加盟合作</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">客服中心</a><span>|</span><a href="#">意见反馈</a><span>|</span><a href="#">网站导航</a></div>
 <p><span>&copy;</span> 2009-2011 Wjifen.com All Right Reserved 京ICP备09045377号-2</p>
 <p>广州科信德科技发展有限公司 版权所有</p>
</div>
<div id="reg">
  <h3><a href="javascript:void(closereg())" class="close">关闭</a>用户注册</h3>
  <ul>
    <li><label>设置账户：</label><input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li><label>设置密码：</label><input type="text" class="text text1" /></li>
    <li><label>确认密码：</label><input type="text" class="text text1" /></li>
    <li><label>手机绑定：</label><input type="text" class="text text1" />(选填)<input type="button" class="send" value="获取验证码" /></li>
    <li><label>输入验证码：</label><input type="text" class="text code" /></li>
     <li><label>邮箱：</label><input type="text" class="text text1" /></li>
     <li><label>推荐人账户：</label><input type="text" class="text text1" />(选填)<a href="#">什么是推荐人?</a></li>
    <li class="li"><input type="checkbox" class="checkbox" /><a href="#">我已阅读什么协议</a></li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="login">
  <h3><a href="javascript:void(closelogin())" class="close">关闭</a>用户登录</h3>
  <ul>
    <li>账&nbsp;&nbsp;户：<input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li>密&nbsp;&nbsp;码：<input type="text" class="text text1" /><a href="#">忘记密码？</a></li>
    <li>验证码：<input type="text" class="text code" /></li>
    <li>验证图：<a href="#"><img src="pic/JDVerification.aspx.jpg" alt="" title="" /></a><a href="#">看不清换一张</a></li>
    <li class="li"><input type="checkbox" class="checkbox" />一个月内免登录</li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="js/default.js"></script>

</body>
</html>
